草庐IT

SVG 实例

全部标签

javascript - 如何将数据(json)传递给 vue 实例

我有一个简单的Vue实例,并且想在没有HTTP请求的情况下将json从后端传递到vue,因为它总是相同的。我试过用Prop来做这个,但它不起作用......在DOM中它看起来像Vue调试工具将图像显示为空字符串,并在控制台中显示undefinednewVue({el:'#my-component',props:['prices'],mounted:function(){console.log(this.image);},});哪里$pricesjson编码的数组。 最佳答案 您的解决方案就快完成了,但您不需要prop,而是使用数据属

javascript - 从 javascript 编辑 SVG 样式

我有一张SVG世界地图,我想通过更改svg中每个区域的样式属性,按各种指标实时为每个区域着色。例如,我想将英国染成蓝色。这需要是动态的,因为数据经常变化并被推送到浏览器。 最佳答案 您可以将CSS样式应用于SVG元素。不用说,这需要合适的标记。因此,例如,如果您的map看起来像(非常简化:-)......您可以简单地执行以下操作:varcountry=document.getElementById("UK");country.setAttribute("style","fill:blue;stroke:black");当然也可以将样

javascript - 路径上特定点上的 SVG 标记中间

我得到了一些在Canvas上生成路径的代码。路径对象看起来与此类似:在View中(a,b,c字母只是为了说明问题):我的问题是我想在线的中间画一些箭头(标记),在“a”到“b”之间,但是当我创建一个标记并执行标记中间属性时,它会在b点生成。我试图在a和b之间做一些点,但是marker-mid在那里和b点上做了箭头。来自WEBAPI文档:Themarker-middefinesthearrowheadorpolymarkerthatshallbedrawnateveryvertexotherthanthefirstandlastvertexofthegivenelementorbasic

javascript - 将实例变量传递给 js.erb 文件 (Rails 3/jQuery)

我有一个包含以下内容的“index.html.erb”文件:这会呈现“_user.html.erb”并输出一个用于对每个用户执行特定操作的按钮:"#{user.id}_action",:remote=>true)%>我已将我的用户Controller设置为通过查看“action.js.erb”来响应AJAX请求。为了在部分中对特定用户执行javascript方法,我想知道如何将我部分中的实例变量(例如user.id)传递到js.erb文件或在其中访问,因为实例:$("#{@user.id}_action").toggle(); 最佳答案

javascript - 如何在 CoffeeScript 中克隆/复制对象的实例?

相当直截了当的问题,但谷歌搜索还没有发现任何东西。如何在Coffeescript中复制/克隆/复制对象的实例?我总是可以创建一个clone()方法来返回一个带有复制值的新实例,但这似乎是一种容易出错的方法。CoffeeScript是否提供更简单的解决方案? 最佳答案 这可能有效。clone=(obj)->returnobjifobjisnullortypeof(obj)isnt"object"temp=newobj.constructor()forkeyofobjtemp[key]=clone(obj[key])temp采用自:Wh

javascript - 你将如何创建一个 JQuery/svg 单击拖动选择轮廓效果?

不确定确切地调用它是什么,但我正在寻找一种方法来通过javascript/svg创建虚线轮廓/选择框效果,当您单击并拖动到一个区域上时,然后在mouseUp上消失(可能是如果不是原始部件,则添加)。如果有jQuery库就好了。我环顾四周,但没有找到我要找的东西。我想理论应该是从第一次点击开始获取坐标,跟踪鼠标坐标时刻并相应地调整框。但不从头开始编写它会很好。 最佳答案 这是我专为您制作的演示:)演示(静态):http://jsfiddle.net/HNH2f/1/演示(动画):http://jsfiddle.net/HNH2f/2/

javascript - 从浏览器中仅打印 SVG

我正在开发一个网页,该网页将根据用户交互动态呈现SVG图形。完成后,我希望用户能够只打印图形-而不是简单地打印他们所在的网页和SVG,而只是打印SVG。此外,理想情况下,打印版本的绘制方式与屏幕浏览器版本略有不同。当前的浏览器和SVG可以实现这种事情吗?在Java中,我可以为我的应用程序绘图例程提供绘图引擎或打印引擎,这可以简单地处理相同的问题。然而,我是SVG的新手,我无法确定是否存在某种类似的机制。 最佳答案 您可以使用jQuery。假设您的svg位于网页的DIV(svgDiv)中,包含一个调用以下内容的打印按钮,其中根svg具

javascript - 在循环中创建新的对象实例

我正在尝试通过循环为数组中的每个项目创建一个新对象。对象的名称应基于数组的键。所以对于这个数组:vararr=newArray("somevalue","someothervalue","athirdvalue");会产生三个对象:alert(object1.value);alert(object2.value);alert(object3.value);到目前为止我的代码(但不工作)是://ObjectfunctionfooBar(value){this.value=value;...}//Loopvarlen=arr.length;for(vari=0;i我的要求有意义吗?

Javascript OOP/类 - 多个实例共享相同的数据

我正在编写一些oopjavascript代码。我有一个类的几个实例,并将不同的数据放入每个实例中。不幸的是,正如您将在下面的示例中看到的那样,它们似乎共享相同的数据。是否可以获取我的类的两个独立实例?将如何完成。索引.htmldebugger;//DothisbecauseapageresartseemstokeepolddatafunctionSetGlobals(){varui;varel;//Arr00ui=document.getElementById("Arr00");el=arr0.arrayGet(0);ui.innerHTML=el.m_String;//Arr01ui

javascript - 在一行中实例化一个 javascript 对象并填充它的属性

有没有一种方法可以在构造函数中完成所有这些工作?obj=newObject();obj.city="A";obj.town="B"; 最佳答案 你为什么不这样做:varobj={"city":"A","town":"B"}; 关于javascript-在一行中实例化一个javascript对象并填充它的属性,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/11777357/